<!DOCTYPE html>
<html class="am-touch js cssanimations">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>发表评价</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="renderer" content="webkit" />
    <link rel="icon" type="image/png" href="assets/i/favicon.png" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <link rel="stylesheet" href="assets/css/basic.css" />
    <link rel="stylesheet" href="assets/css/app.css" />
    <link rel="stylesheet" href="assets/css/starts.css" />
    <style type="text/css">
        @font-face{
            font-family: 'icomoon';
            src:url('./assets/fonts/icomoon.eot');                                       /* IE9*/
            src:url('./assets/fonts/icomoon.eot?#iefix') format('embedded-opentype'),    /* IE6-IE8 */
            url('./assets/fonts/icomoon.woff') format('woff'),      /* chrome、firefox */
            url('./assets/fonts/icomoon.ttf') format('truetype'),   /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
            url('./assets/fonts/icomoon.svg#iconfont') format('svg');  /* iOS 4.1- */
            font-weight: normal;
            font-style: normal;
        }
        .ui-fonts{
            font-family: 'icomoon';
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            font-size: 22px;
            color: #999999;
            margin-right: 5px;
        }

        .icon-un{
            color: #EEA415;
        }
    </style>
</head>
<body>
<nav id="kuaikuai-header">
    <section class="am-list-news am-list-news-default">
        <section class="am-list-news-hd am-cf" id="star">
            <h2>满意度</h2>
            <ul id="list">
                <i class="ui-fonts icon-un">&#xe602</i>
                <i class="ui-fonts icon-un">&#xe602</i>
                <i class="ui-fonts icon-un">&#xe602</i>
                <i class="ui-fonts icon-un">&#xe602</i>
                <i class="ui-fonts icon-un">&#xe602</i>
            </ul>
        </section>
        <hr class="am-divider am-divider-default" />
    </section>

    <section id="kuaikuai-textarea" class="am-list-news am-list-news-default am-form-group">
        <textarea class="" rows="5" id="doc-ta-1" placeholder="您的评价对我们的提升有很大帮助"></textarea>
        <span class="am-text-sm am-fr">你还可以输入<em>500</em>个字</span>
    </section>
</nav>

<section id="kuaikuai-btn" class="kuaikuai-btn-lg kuaikuai-comment">
    <button type="submit" class="btn am-btn am-btn-success am-btn-lg am-btn-block" id="tijiao">提交评论</button>
</section>
<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js" type="text/javascript"></script>
<!--<![endif]-->
<!--[if lte IE 8 ]>
<script src="assets/js/jquery.min-1.11.1.js" type="text/javascript"></script>
<![endif]-->
<script src="assets/js/amazeui.min.js" type="text/javascript"></script>
<script src="assets/js/zepto.min.js" type="text/javascript"></script>
<script src="assets/js/touch.js" type="text/javascript"></script>
<script src="assets/js/amazeui.widgets.helper.min.js" type="text/javascript"></script>
<script src="assets/js/handlebars.min.js" type="text/javascript"></script>
<script src="assets/js/kuaikuai.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
        $('#star > ul#list').on('touchmove', function() {
            var iArg = 0;
            var x = event.targetTouches[0].pageX;
            if (x < 120) {
                iArg = 1;
                fnPoint(iArg);
            } else if (x < 150) {
                iArg = 2;
                fnPoint(iArg);
            } else if (x < 180) {
                iArg = 3;
                fnPoint(iArg);
            } else if (x < 210) {
                iArg = 4;
                fnPoint(iArg);
            } else if (x < 250) {
                iArg = 5;
                fnPoint(iArg);
            }
        });
    });
</script>
</body>
</html>